<template>
<!-- <router-view></router-view> -->
  <div style="width: 100%; height: 100%">
    <router-view></router-view>
    <!-- <div id="app"> -->

        <!-- <h1>Hello App!</h1> -->
  <!-- <p> -->
    <!--使用 router-link 组件进行导航 -->
    <!--通过传递 `to` 来指定链接 -->
    <!--`<router-link>` 将呈现一个带有正确 `href` 属性的 `<a>` 标签-->
    <!-- <router-link to="/">Go to Home</router-link> -->
    <!-- <router-link to="/login">Go to login</router-link> -->
  <!-- </p> -->
  <!-- 路由出口 -->
  <!-- 路由匹配到的组件将渲染在这里 -->
      <!-- <login></login> -->
      <!-- <Icon></Icon>
      <Button></Button>
      <Link></Link>

      <Radio></Radio>
      <Checkbox></Checkbox>
      <Input></Input>
      <InputNumber></InputNumber>
      <Select></Select>
      <Cascader></Cascader>
      <MySwitch></MySwitch>
      <Slider></Slider>
      <TimePicker></TimePicker>
      <DatePicker></DatePicker>
      <DateTimePicker></DateTimePicker>
      <Upload></Upload>
      <Rate></Rate>
      <ColorPicker></ColorPicker>
      <Transfer></Transfer>
      <Form></Form>
      <Table></Table>
      <Tag></Tag>
      <Progress></Progress>
      <Tree></Tree>
      <Pagination></Pagination>
      <Badge></Badge>
      <Avatar></Avatar>
      <Skeleton></Skeleton>
      <Empty></Empty>
      <Descriptions></Descriptions>
      <Result></Result>
      <Alert></Alert>
      <Loading></Loading>
      <Message></Message>
      <MessageBox></MessageBox>
      <Notification></Notification>
      <NavMenu></NavMenu>
      <Tabs></Tabs>
      <Breadcrumb></Breadcrumb>
      <PageHeader></PageHeader>
      <Dropdown></Dropdown>
      <Steps></Steps>
      <Dialog></Dialog>
      <Tooltip></Tooltip>
      <Popover></Popover>
      <Popconfirm></Popconfirm>
      <Card></Card>
      <Carousel></Carousel>
      <Collapse></Collapse>
      <Timeline></Timeline>
      <Divider></Divider>
      <Calendar></Calendar>
      <Image></Image>
      <Backtop></Backtop>
      <InfiniteScroll></InfiniteScroll>
      <Drawer></Drawer> -->
    <!-- </div> -->
  </div>
</template>

<script>
// import login from './views/login.vue'
// import Icon from "./ElementUI/Basic/Icon.vue";
// import Button from "./ElementUI/Basic/Button.vue";
// import Link from "./ElementUI/Basic/Link.vue";

// import Radio from "./ElementUI/Form/Radio.vue";
// import Checkbox from "./ElementUI/Form/Checkbox.vue";
// import Input from "./ElementUI/Form/Input.vue";
// import InputNumber from "./ElementUI/Form/InputNumber.vue";
// import Select from "./ElementUI/Form/Select.vue";
// import Cascader from "./ElementUI/Form/Cascader.vue";
// import MySwitch from "./ElementUI/Form/Switch.vue";
// import Slider from "./ElementUI/Form/Slider.vue";
// import TimePicker from "./ElementUI/Form/TimePicker.vue";
// import DatePicker from "./ElementUI/Form/DatePicker.vue";
// import DateTimePicker from "./ElementUI/Form/DateTimePicker.vue";
// import Upload from "./ElementUI/Form/Upload.vue";
// import Rate from "./ElementUI/Form/Rate.vue";
// import ColorPicker from "./ElementUI/Form/ColorPicker.vue";
// import Transfer from "./ElementUI/Form/Transfer.vue";
// import Form from "./ElementUI/Form/Form.vue";
// import Table from "./ElementUI/Data/Table.vue";
// import Tag from "./ElementUI/Data/Tag.vue";
// import Progress from "./ElementUI/Data/Progress.vue";
// import Tree from "./ElementUI/Data/Tree.vue";
// import Pagination from "./ElementUI/Data/Pagination.vue";
// import Badge from "./ElementUI/Data/Badge.vue";
// import Avatar from "./ElementUI/Data/Avatar.vue";
// import Skeleton from "./ElementUI/Data/Skeleton.vue";
// import Empty from "./ElementUI/Data/Empty.vue";
// import Descriptions from "./ElementUI/Data/Descriptions .vue";
// import Result from "./ElementUI/Data/Result.vue";
// import Alert from "./ElementUI/Notice/Alert.vue";
// import Loading from "./ElementUI/Notice/Loading.vue";
// import Message from "./ElementUI/Notice/Message.vue";
// import MessageBox from "./ElementUI/Notice/MessageBox.vue";
// import Notification from "./ElementUI/Notice/Notification.vue";
// import NavMenu  from "./ElementUI/Navigation/NavMenu.vue";
// import Tabs from "./ElementUI/Navigation/Tabs.vue"; 
// import Breadcrumb from "./ElementUI/Navigation/Breadcrumb.vue"; 
// import PageHeader from "./ElementUI/Navigation/PageHeader.vue"; 
// import Dropdown from "./ElementUI/Navigation/Dropdown.vue"; 
// import Steps from "./ElementUI/Navigation/Steps.vue"; 
// import Dialog from "./ElementUI/Others/Dialog.vue"; 
// import Tooltip from "./ElementUI/Others/Tooltip.vue"; 
// import Popover from "./ElementUI/Others/Popover.vue"; 
// import Popconfirm from "./ElementUI/Others/Popconfirm.vue"; 
// import Card from "./ElementUI/Others/Card.vue"; 
// import Carousel from "./ElementUI/Others/Carousel.vue"; 
// import Collapse from "./ElementUI/Others/Collapse.vue"; 
// import Timeline from "./ElementUI/Others/Timeline.vue"; 
// import Divider from "./ElementUI/Others/Divider.vue"; 
// import Calendar from "./ElementUI/Others/Calendar.vue"; 
// import Image from "./ElementUI/Others/Image.vue"; 
// import Backtop from "./ElementUI/Others/Backtop.vue"; 
// import InfiniteScroll from "./ElementUI/Others/InfiniteScroll.vue"; 
// import Drawer from "./ElementUI/Others/Drawer.vue"; 



export default {
  name: "App",
  components: {
    // login
    // Icon,
    // Button,
    // Link,
    // Radio,
    // Checkbox,
    // Input,
    // InputNumber,
    // Select,
    // Cascader,
    // MySwitch,
    // Slider,
    // TimePicker,
    // DatePicker,
    // DateTimePicker,
    // Upload,
    // Rate,
    // ColorPicker,
    // Transfer,
    // Form,
    // Table,
    // Tag,
    // Progress,
    // Tree,
    // Pagination,
    // Badge,
    // Avatar,
    // Skeleton,
    // Empty,
    // Descriptions,
    // Result,
    // Alert,
    // Loading,
    // Message,
    // MessageBox,
    // Notification,
    // NavMenu,
    // Tabs,
    // Breadcrumb,
    // PageHeader,
    // Dropdown,
    // Steps,
    // Dialog,
    // Tooltip,
    // Popover,
    // Popconfirm,
    // Card,
    // Carousel,
    // Collapse,
    // Timeline,
    // Divider,
    // Calendar,
    // Image,
    // Backtop,
    // InfiniteScroll,
    // Drawer
  },
  data() {
    return {};
  },
  methods: {},
  created() {},
  mounted() {},
};
</script>

<style scoped>
html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
* {
  margin: 0;
  padding: 0;
}

/* .app1{
  background:url('/image/test.png');
  height: 300px;
} */
</style>
